/*
 * 标题组件
 * @Author: ljb
 * @Date: 2018-11-14 09:41:24
 * @Last Modified by: ljb
 * @Last Modified time: 2019-10-12 16:25:10
 */
<style lang="less" rel="stylesheet/less" type="text/less" scoped>

    @import '~src/assets/css/common.less';

    .v-component-title {
        position: relative;
        display: flex;
        align-items: center;
        width: 100%;
        height: 88*@rem-per-px;
        line-height: 88*@rem-per-px;
        font-size: 28*@rem-per-px;
        box-sizing: border-box;
        .text {
            width: 100%;
            font-weight: 500;
        }
    }

</style>
<template>
	<div class="v-component-title">
		<div class="text ">{{ text }}</div>
		<i
			v-if="showIcon"
			class="arrow-right-icon title-icon"/>
	</div>
</template>

<script>
/**
 * 组件标题组件
 * @vue-prop {string} text 标题名称
 * @vue-prop {Boolean} showIcon 是否显示更多按钮
 */
export default {
	name: 'Title',
	props: {
		text: {
			type: String,
			required: true,
		},
		showIcon: {
			type: Boolean,
			default() {
				return true;
			},
		},
	},
	data() {
		return {

		};
	},
	methods: {

	},
};
</script>
